import { createBrowserRouter } from 'react-router-dom'
import App01 from '../01-jsx基础识别js表达式'
import App02 from '../02-列表渲染'
import App03 from '../03-基础条件渲染'
import App04 from '../04-复杂条件渲染'
import App05 from '../05-事件绑定'
import App06 from '../06-组件定义和使用'
import App07 from '../07-useState的基础使用'
import App08 from '../08-useState修改对象'
import App09 from '../09-基础样式控制'
import App10 from '../10-评论列表渲染案例'
import App11 from '../11-受控绑定表单'
import App12 from '../12-react中获取DOM'
import App13 from '../13-组件通信父传子'
import App14 from '../14-组件通信子传父'
import App15 from '../15-兄弟组件通信'
import App16 from '../16-Context机制跨层传递数据'
import App17 from '../17-useEffect基础使用'
import App18 from '../18-useEffect不同依赖项说明'
import App19 from '../19-useEffect清除副作用'
import App20 from '../20-自定义Hook封装通用逻辑'
import App21 from '../21-Hooks使用规则'
import App22 from '../22-评论列表渲染案例优化'
import App from '../App'

const router = createBrowserRouter([
  {
    path: "/",
    element: <App />
  },
  {
    path: "/app01",
    element: <App01 />
  },
  {
    path: "/app02",
    element: <App02 />
  },
  {
    path: "/app03",
    element: <App03 />
  },
  {
    path: "/app04",
    element: <App04 />
  },
  {
    path: "/app05",
    element: <App05 />
  },
  {
    path: "/app06",
    element: <App06 />
  },
  {
    path: "/app07",
    element: <App07 />
  },
  {
    path: "/app08",
    element: <App08 />
  },
  {
    path: "/app09",
    element: <App09 />
  },
  {
    path: "/app10",
    element: <App10 />
  },
  {
    path: "/app11",
    element: <App11 />
  },
  {
    path: "/app12",
    element: <App12 />
  },
  {
    path: "/app13",
    element: <App13 />
  },
  {
    path: "/app14",
    element: <App14 />
  },
  {
    path: "/app15",
    element: <App15 />
  },
  {
    path: "/app16",
    element: <App16 />
  },
  {
    path: "/app17",
    element: <App17 />
  },
  {
    path: "/app18",
    element: <App18 />
  },
  {
    path: "/app19",
    element: <App19 />
  },
  {
    path: "/app20",
    element: <App20 />
  },
  {
    path: "/app21",
    element: <App21 />
  },
  {
    path: "/app22",
    element: <App22 />
  }
])

export default router